<template>
	<div class="main" ref='remove'>
		<div class="adToperBox">
			<div class="adToper flex-h">
				<span class="flex1 sp1">
					<!-- <svg-icon icon-class="college_icon_roll" /> -->
					<img class="imgIcon" src="~/static/iconsvgs/college_icon_roll.png" alt="">
					<b>{{titles}}</b></span>
				
				<span class="sp2"><b v-on:click="showPick">{{pov}}</b><b class="line">|</b><b v-on:click="showPickCty">{{cty}}</b><b v-show="pts" class="line">|</b><b v-show="pts" v-on:click="showPickType">{{pty}}</b>
					<!-- <svg-icon icon-class="college_icon_more_right" /> -->
					<img class="imgIcon" src="~/static/iconsvgs/college_icon_more_right.png" alt="">
				</span>
			</div>

		</div>
	</div>
</template>
<script>
	import {
		PopupPicker
	} from 'vux'

	export default {
		head: {
			title: ''
		},

		components: {
			PopupPicker
		},
		props: {

			showPopupPicker: {
				type: Boolean,
				default: false
			},
			pts:{
				type: Boolean,
				default: false
			},
			pov: String,
			cty: String,
			pty:String,
			titles: String
		},
		data() {
			return {}
		},
		mounted: function() {




		},
		destroyed() {},
		watch: {

		},
		methods: {
			showPick() {
				this.$emit('showPick1')
			},
			showPickCty() {
				this.$emit('showPickCty1')
			},
			
			showPickType(){
				this.$emit('showPickType1')
			}
		}

	}
</script>

<style scoped lang="less">
	.adToperBox {
		width: 100%;
		height: 0.9rem;
		padding: 0 0.3rem;
		box-sizing: border-box;

		span {
			font-size: 0.28rem;
			line-height: 0.9rem;

			b {
				font-size: 0.34rem;
				font-weight: bold;
				color: rgba(34, 34, 34, 1);
				vertical-align: middle;
				margin-left: 0.1rem;
			}

			.imgIcon {
				width: 0.24rem;
				height: 0.24rem;
				vertical-align: middle;

			}
		}

		.sp1 {
			text-align: left;
		}

		.sp2 {
			text-align: right;

			b {


				margin-left: 0.1rem;
				font-size: 0.26rem;
				font-weight: bold;
				color: rgba(108, 191, 32, 1);
				vertical-align: middle;

			}

			.imgIcon {
				vertical-align: middle;
				width: 0.24rem;
				height: 0.24rem;
			}

			.line {
				color: rgb(238, 238, 238)
			}
		}

	}
</style>
